<script setup lang="ts">
import {StIcon} from 'st-common-ui-vue3'
import {IconTypeEnum} from "st-common-ui-vue3"
</script>

<template>
  <div class="st-icon-test">
    <StIcon icon="mdi:home" :style="{ fontSize: '3rem' }"/>
    <StIcon icon="🐕" :icon-type="IconTypeEnum.TEXT" :style="{ fontSize: '3rem' }"/>
    <StIcon icon="https://tse4-mm.cn.bing.net/th/id/OIP-C.3wL6XoY4kd1XjwgbGcpNJwAAAA?rs=1&pid=ImgDetMain" :icon-type="IconTypeEnum.LINK" :style="{ width: '3rem', height: '3rem' }"/>
    <StIcon icon="&#xe603;" :icon-type="IconTypeEnum.UNICODE" :class-name="['iconfont']" :style="{ fontSize: '3rem' }"/>
    <StIcon :icon-type="IconTypeEnum.FONT_CLASS" :class-name="['iconfont', 'icon-daiban1']" :style="{ fontSize: '3rem' }"/>
    <StIcon :icon="'#icon-Yoga-block'" :icon-type="IconTypeEnum.SYMBOL" :class-name="['icon']" :style="{ fontSize: '3rem' }"/>
  </div>
</template>

<style scoped lang="scss">

</style>
